<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="../css/animate.css" />
	<link rel="stylesheet" href="../css/01.index.css">
</head>

<body>
	<div class="header-img"><img src="../images/index/index_1.png" alt=""></div>
	<div class="header-list">
		<ul class="clr">
			<li><a href="#">欢太品牌</a></li>
			<li><a href="#">欢太云服务</a></li>
			<li><a href="#">软件商店</a></li>
			<li><a href="#">健康</a></li>
			<li><a href="#">欢太商城APP</a></li>
			<li><a href="./03.login.html">登录</a></li>
			<li><a href="./04.reg.html">注册</a></li>
		</ul>
	</div>

	<nav>
		<div class="nav-c center clr">
			<a href="./01.index.html" class="logo fl">
				<h1>
					<span>oppo官网</span>
					<svg class="logo-img" enable-background="new 0 0 32 32" viewBox="0 0 32 32"
						xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
						<mask id="a" height="10.1" maskUnits="userSpaceOnUse" width="41" x="-5.3" y="-.3">
							<path clip-rule="evenodd"
								d="m0 1.4v.3c0 4.2 3.5 7.7 7.7 7.7h15c4.2 0 7.7-3.5 7.7-7.7v-.3c-3.9-.9-8.9-1.4-15.2-1.4-6.3 0-11.4.5-15.2 1.4z"
								fill="#fff" fill-rule="evenodd"></path>
						</mask>
						<mask id="b" height="4.7" maskUnits="userSpaceOnUse" width="19.5" x="0" y="0">
							<path clip-rule="evenodd" d="m0 0h20.2v4.9h-20.2z" fill="#fff" fill-rule="evenodd">
							</path>
						</mask>
						<g transform="translate(1 1.048757)">
							<path clip-rule="evenodd"
								d="m22.6 30.4h-15c-4.2 0-7.7-3.5-7.7-7.7v-15c0-4.2 3.5-7.7 7.7-7.7h15c4.2 0 7.7 3.5 7.7 7.7v15c0 4.2-3.4 7.7-7.7 7.7"
								fill="#fbfbfb" fill-rule="evenodd"></path>
							<path
								d="m22.6 30.4h-15c-4.2 0-7.7-3.5-7.7-7.7v-15c0-4.2 3.5-7.7 7.7-7.7h15c4.2 0 7.7 3.5 7.7 7.7v15c0 4.2-3.4 7.7-7.7 7.7z"
								fill="none" stroke="#e4e4e4" stroke-width=".5161"></path>
							<g clip-rule="evenodd" fill-rule="evenodd">
								<path d="m21.5 6.4c0 3.4-2.7 6.2-6 6.3v2.3c4.6-.1 8.3-3.9 8.3-8.6z" fill="#fb534b">
								</path>
								<path
									d="m15.5 12.7c-.1 0-.2 0-.3 0-3.5 0-6.3-2.8-6.3-6.3h-2.3c0 4.8 3.9 8.6 8.6 8.6h.3z"
									fill="#39c560"></path>
								<path
									d="m8.9 6.4c0 .6-.5 1.2-1.2 1.2-.6-.1-1.1-.6-1.1-1.2s.5-1.2 1.2-1.2c.6 0 1.1.5 1.1 1.2"
									fill="#39c560"></path>
								<path d="m23.8 6.4c0 .6-.5 1.2-1.2 1.2s-1.1-.6-1.1-1.2.5-1.2 1.2-1.2 1.1.5 1.1 1.2"
									fill="#fb534b"></path>
								<path
									d="m20.3 12.7c0 .6-.5 1.2-1.2 1.2-.6 0-1.2-.5-1.2-1.2 0-.6.5-1.2 1.2-1.2s1.2.5 1.2 1.2"
									fill="#ffc915"></path>
								<path
									d="m11.8 11.7-1.1 2c1.3.8 2.9 1.3 4.5 1.3 1.7 0 3.2-.5 4.6-1.3l-1.2-2c-1 .6-2.1 1-3.4 1s-2.4-.4-3.4-1"
									fill="#ffc915"></path>
								<path
									d="m12.3 12.7c0 .6-.5 1.2-1.2 1.2-.6 0-1.2-.5-1.2-1.2 0-.6.5-1.2 1.2-1.2s1.2.5 1.2 1.2"
									fill="#39c560"></path>
								<path d="m9.4 5.6c0 1-.8 1.7-1.7 1.7-1 0-1.7-.8-1.7-1.7s.8-1.7 1.7-1.7 1.7.8 1.7 1.7"
									fill="#040000" opacity=".1496"></path>
								<path d="m24.4 5.6c0 1-.8 1.7-1.7 1.7-1 0-1.7-.8-1.7-1.7s.8-1.7 1.7-1.7 1.7.8 1.7 1.7"
									fill="#040000" opacity=".1496"></path>
							</g>
						</g>
						<path clip-rule="evenodd" d="m-5.3 9.8h41v-10.1h-41z" fill="#444" fill-rule="evenodd"
							mask="url(#a)" transform="translate(1 22.076872)"></path>
						<path
							d="m3.8 4.6v-1.5h-2.8v-.4h2.7v-1.3h-3.2v-.5h3.1v.5h.5v-1h-1.7v-.1c0-.1-.1-.3-.1-.4l-.6.2c0 .1.1.2.1.3v.1h-1.8v1h.5v3.1zm-.7-2.4h-2.1v-.4h2.2v.4zm.2 2h-2.3v-.7h2.3zm1.9.5c.3-.2.5-.4.7-.6.1-.2.2-.4.3-.7.1-.2.2-.4.3-.7 0-.1 0-.2.1-.4h1.7c0 .5 0 1-.1 1.3 0 .1 0 .2-.1.2-.1.2-.1.2-.2.2s-.1 0-.3 0h-.3c-.1 0-.1 0-.2 0s-.2 0-.3 0l.2.6h.2.3.4c.2 0 .3-.1.4-.1s.2-.1.2-.2.1-.2.1-.4c0-.6.1-1.2.1-1.9h-2.1s0 0 0-.1v-.6h2.7v-.6h-1.9c0-.1 0-.1-.1-.2 0-.2-.1-.3-.1-.5l-.5.1c0 .1.1.2.1.4 0 .1 0 .1.1.2h-2v.5h1.2v.6c-.1.3-.1.5-.1.8 0 .2-.1.5-.2.6-.1.2-.3.4-.4.6-.2.2-.4.4-.6.5zm7.8 0h.5c.2 0 .3 0 .3-.1s.1-.1.2-.2c0-.1 0-.2 0-.3v-2.6h-1.1c.1-.1.2-.3.3-.4l-.2-.2h1.3v-.4h-1.9v-.1c0-.1-.1-.3-.1-.4l-.5.1c0 .1.1.2.1.4h-2v.4h1.2l-.2.1c0 .1.1.2.2.3 0 0 .1.1.1.1h-1.1v3.2h.5v-1.8l.2.2c.1 0 .2-.1.3-.2v1.3h1.9v-1.3c.1.1.2.2.3.2l.2-.3v1.3.2s0 .1-.1.1-.1 0-.2 0h-.1c-.1 0-.2 0-.4 0l.1.4zm-.6-3.2h-.6c-.1-.1-.1-.2-.2-.3-.1-.2-.2-.2-.2-.3h1.4c-.1.1-.1.2-.2.3s-.2.2-.2.3zm-1.8 1.2v-.8h.9c-.1.1-.3.3-.4.4-.2.1-.3.3-.5.4zm2.3 0h-1.6c.2-.2.4-.4.5-.5l-.3-.3h1l-.3.3c.1.1.3.2.5.4zm.6 0c-.1-.1-.3-.3-.4-.4-.2-.2-.3-.3-.5-.4h.9zm-.9 1h-1v-.6h1zm3.5 1c.2-.4.4-.7.5-1.1.1-.2.1-.4.1-.6s0-.4 0-.7h.4v1.1.2s0 .1-.1.1-.1 0-.1 0c-.1 0-.2 0-.3 0l.1.5h.3c.1 0 .2 0 .3-.1.1 0 .1-.1.2-.2 0-.1.1-.2.1-.3 0-.5 0-1 0-1.6h-.9v-.7h1c0 .6.1 1.2.2 1.6 0 .2.1.3.1.5-.2.3-.5.7-.8 1l.3.3c.3-.3.5-.5.7-.8 0 .1 0 .1.1.2.1.2.2.4.3.4.1.1.2.1.3.1s.2 0 .3-.1.2-.3.2-.5c0-.1 0-.2.1-.3 0-.1 0-.2.1-.3l-.4-.1v.2c0 .1 0 .2-.1.2 0 .1-.1.2-.1.3 0 0 0 .1-.1.1h-.1s-.1-.1-.2-.2-.1-.3-.2-.5c.1-.2.2-.5.3-.7.1-.3.2-.6.3-1l-.4-.1c-.1.4-.2.8-.4 1.2-.1-.4-.1-.9-.2-1.5h1.1v-.5h-.5l.4-.2c-.1-.1-.2-.2-.2-.3-.1-.2-.2-.3-.2-.3l-.3.2c.1.1.2.2.2.3.1.1.1.2.2.3h-.6c0-.3 0-.6 0-.8h-.5v.8h-1.4v1.3.8c0 .2 0 .4-.1.6l-.1-.4c-.1 0-.2.1-.3.1v-1.5h.4v-.4h-.4v-1.2h-.4v1.2h-.5v.5h.5v1.6c-.2.1-.4.1-.6.2l.1.4c.2 0 .4-.1.6-.2s.5-.2.6-.2c0 .1-.1.3-.1.4-.1.2-.2.3-.3.6z"
							fill="#eee" mask="url(#b)" transform="translate(6.061004 23.930197)"></path>
					</svg>
					<svg class="logo-text" enable-background="new 0 0 123 32" viewBox="0 0 123 32"
						xmlns="http://www.w3.org/2000/svg">
						<path clip-rule="evenodd"
							d="m114.1 4v1.8h9.9v2.8h-4.6l-.9 2.5h4.2v11.7c0 2.3-1.8 4.1-4 4.2h-.2l-.6-2.3c1.1 0 2-.9 2-2v-5l-1.3 1.6c-.1-.1-.4-.2-.7-.4s-.5-.3-.7-.4v6.8h-9.5v-6.8c-.2.1-.4.3-.7.4-.2.1-.5.3-.7.4l-1.3-1.6v9.3h-2.8v-15.9h4.1l-.8-2.5h-4.5v-2.8h9.9v-1.8zm34.9-1 1.7 2.4-1.6 1.1h2v2.6h-5c0 1.1 0 2.5.1 4s.3 3.1.7 4.9c.4-1.1.8-2.1 1-3 .2-.7.3-1.6.3-2.6v-.4h2.8c0 1.1-.3 2.5-.7 4.1s-1.1 3.4-2.2 5.2c.3.6.8 1.3 1.6 2 .6.6 1.3 1.2 1.9 1.6l.3.2-2.2 1.8c-.5-.3-1-.8-1.6-1.4s-1.1-1.2-1.6-1.9c-.2.3-.8.9-1.6 1.6-.7.6-1.4 1.1-2.1 1.5l-.3.2-2.2-1.8c.8-.4 1.6-1 2.4-1.7s1.6-1.5 2.4-2.4c-.6-1.5-1.1-3.2-1.3-5-.2-1.7-.4-3.9-.5-6.4v-.6h-5.3v3.4h4.7c0 3.1 0 5.2-.1 6.4-.1 1.8-.1 2.8-1 3.9-.5.7-1.6 1-3.3.9h-.3l-.7-1.9c-.2.9-.5 1.8-.9 2.8-.3.9-.7 1.6-1.2 2.2l-.2.3-2.4-1.3c.3-.6.7-1.2 1-1.8s.6-1.3.8-2.1c-.6.4-1.6.8-2.7 1.3-1 .4-2 .8-3 1l-.5.1-1.1-2.8 2.4-.7v-8.9h-2v-2.8h2v-5.1h2.8v5.1h2v2.8h-2v7.8l1.6-.7.8 2.1c.3-1.6.5-3.1.5-4.7v-.7-9.1h8.1v-3h2.8v3h2.4l-1.5-2.1zm-84 8v.6.3.4.1c0 4.3 1.3 9.1 6 12.4l-2 2.2s-3.9-2.6-5.5-7.2c-1.6 4.6-5.5 7.2-5.5 7.2l-2-2.1c4.7-3.3 6-8.1 6-12.4v-.1c0-.3 0-.8 0-1.1v-.1-.1h3zm-9-5s-.3 6.7-2.1 11.8c-.3.8-.6 1.5-.9 2.2.7 1 1.6 1.9 2.6 2.8l.4.3-2.4 1.9s-.9-.7-2.1-2.1c-1.5 2.5-2.9 4-3.1 4.1l-2.4-2c1.4-1.7 2.5-3.3 3.4-5-1.4-2.1-2.6-4.9-3.1-8.3l-.1-.5h3s.3 2.4 1.7 5.3c1.5-4 1.6-7 1.6-7.4h-6.3v-3.1zm31.8-2v3.9h10v3.2h-9.8c.2 1.4 1.5 8.7 9.6 13.3l.4.2-2 2.4s-.1 0-.3-.1l-.2-.1c-.1 0-.2-.1-.3-.2l-.3-.1c-2.1-1.2-6.8-4.5-8.9-10.6-2.1 6.2-6.8 9.4-8.9 10.6l-.3.1c-.1.1-.2.1-.3.2l-.2.1c-.1 0-.2.1-.3.1l-2-2.3c8.3-4.5 9.8-11.9 10-13.5v-.1h-9.7v-3.2h10v-3.9zm-2.9 18c.5.7 2.1 2.2 3 2.9l.1.1-1.9 2c-.7-.5-2.3-1.9-3-2.8l-.1-.1zm30-1.8h-4.8v2.7h4.8zm25.1-5.2h-2.1c0 1.1 0 2.2-.1 3.4-.1 1.1-.2 1.9-.4 2.4v.1h1.2c1.2 0 1.3-1 1.4-2.2-.1-.7 0-2 0-3.7zm-24.5-1.4h-6l1.5 1.6c-.5.6-1 1.2-1.5 1.7-.5.4-.8.8-1.1 1l-.1.1h8.5c-.2-.1-.7-.5-1.2-1-.5-.4-.9-.9-1.3-1.4l-.3-.4zm-6.5.3h-3.7v3.3c.5-.3 1.1-.8 1.9-1.5.7-.7 1.3-1.3 1.8-1.8zm10.7 0h-3.7c.4.5 1 1.1 1.9 1.9.8.7 1.4 1.1 1.8 1.4l.1.1v-3.4zm-59-9.9s-.1.8-.2 2h9.5s-.2 4.2-1.2 7h-2.8c.3-.9.6-2.5.9-4.1h-6.9c-.3 1.5-.6 3.2-.9 4.1h-3c1.1-3.2 1.7-9 1.7-9zm55.5 4.6h-7.5l.8 2.5h5.9z"
							fill-rule="evenodd" transform="translate(-31 1)"></path>
					</svg>
				</h1>
			</a>
			<div class="shopping fr">
				<a href="#"><img src="../images/head/gouwuche.png" alt=""></a>
			</div>
			<ul class="list fr">
				<li>
					<a href="#">OPPO专区</a>
				</li>
				<li>
					<a href="#">一加专区</a>
				</li>
				<li>
					<a href="#">realme专区</a>
				</li>
				<li>
					<a href="#">智能硬件</a>
				</li>
				<li>
					<a href="#">智美心品</a>
				</li>
				<li>
					<a href="#">品牌</a>
				</li>
			</ul>
		</div>
		<div class="list-s">
			<div class="list-c">
				<div class="list-s1 clr">
					<ul>
						<li><a href="#"><img src="../images/head/head_1.webp" alt="">
								<p>Find X3</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_2.webp" alt="">
								<p>Find X3 Pro</p>
								<p>&nbsp;</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_3.webp" alt="">
								<p>Reno5</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_4.webp" alt="">
								<p>k9</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_5.webp" alt="">
								<p>Reno5 Pro+</p>
								<p>&nbsp;</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_6.webp" alt="">
								<p>智能家族</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_7.webp" alt="">
								<p>更多</p>
								<p>&nbsp;</p>
							</a></li>
					</ul>
				</div>
				<div class="list-s1 clr">
					<ul>
						<li><a href="#"><img src="../images/head/head_8.webp" alt="">
								<p>OnePlus 9R</p>
								<p>新品</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_9.webp" alt="">
								<p>OnePlus 9 Pro</p>
								<p>新品</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_10.webp" alt="">
								<p>OnePlus 9</p>
								<p>新品</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_11.webp" alt="">
								<p>OnePlus 8T</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_12.webp" alt="">
								<p>OnePlus 8</p>
								<p>&nbsp;</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_13.webp" alt="">
								<p>OnePlus 8 Pro</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_14.webp" alt="">
								<p>更多</p>
								<p>&nbsp;</p>
							</a></li>
					</ul>

				</div>
				<div class="list-s1 clr">
					<ul>
						<li><a href="#"><img src="../images/head/head_15.webp" alt="">
								<p>真我GT Neo</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_16.webp" alt="">
								<p>真我X7 Pro至尊版</p>
								<p>&nbsp;</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_17.webp" alt="">
								<p>真我Q3 Pro</p>
								<p>&nbsp;</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_18.webp" alt="">
								<p>真我V15</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_19.webp" alt="">
								<p>真我Buds Air 2</p>
								<p>&nbsp;</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_20.webp" alt="">
								<p>更多</p>
								<p>&nbsp;</p>
							</a></li>
					</ul>

				</div>
				<div class="list-s1 clr">
					<ul>
						<li><a href="#"><img src="../images/head/head_21.webp" alt="">
								<p>OPPO Enco X</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_22.webp" alt="">
								<p>OPPO手表41mm</p>
								<p>&nbsp;</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_24.webp" alt="">
								<p>OPPO智能电视K9</p>
								<p>&nbsp;</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_25.webp" alt="">
								<p>真我Buds Air 2</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_26.webp" alt="">
								<p>OnePlus Buds Z</p>
								<p>&nbsp;</p>
							</a></li>
					</ul>

				</div>
				<div class="list-s1 clr">
					<ul>
						<li><a href="#"><img src="../images/head/head_27.webp" alt="">
								<p>美的空气净化器</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_28.webp" alt="">
								<p>美的除菌加湿器</p>
								<p>&nbsp;</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_29.webp" alt="">
								<p>乐心智能体脂称S30</p>
								<p>&nbsp;</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_30.webp" alt="">
								<p>Blicca智能摄像头</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_31.webp" alt="">
								<p>欧瑞博智能遥控器</p>
								<p>&nbsp;</p>
							</a></li>
					</ul>

				</div>
				<div class="list-s1 clr">
					<ul>
						<li><a href="#"><img src="../images/head/head_32.webp" alt="">
								<p>OPPO官网</p>
								<p>&nbsp;</p>
							</a></li>
						<li><a href="#"><img src="../images/head/head_33.webp" alt="">
								<p>一加官网</p>
								<p>&nbsp;</p>
							</a>
						</li>
						<li><a href="#"><img src="../images/head/head_34.webp" alt="">
								<p>realme官网</p>
								<p>&nbsp;</p>
							</a>
						</li>
					</ul>

				</div>
			</div>
		</div>
	</nav>
	<div class="mask"></div>

	<div>
		<div class="banner">
			<ul>
				<li class="black">
					<div class="banner-info">
						<h3>OPPO Enco Air新品耳机</h3>
						<p>限量抢5折 | 加赠无线鼠标</p>
						<div><a href="#">立即抢购</a></div>
					</div>
					<div class="banner-img">
						<img src="../images/index/index_2.webp" alt="">
					</div>
				</li>
				<li class="white">
					<div class="banner-info">
						<h3>OPPO K9 手机</h3>
						<p>预定立减100元 | 加赠MH135耳机和VOOC闪充数据线</p>
						<div><a href="#">立即抢购</a></div>
					</div>
					<div class="banner-img">
						<img src="../images/index/index_3.webp" alt="">
					</div>
				</li>
				<li class="white">
					<div class="banner-info">
						<h3>OPPO Find X3 系列</h3>
						<p>骁龙888 | 10亿色臻彩屏 | 10亿色双主摄</p>
						<div><a href="#">立即抢购</a></div>
					</div>
					<div class="banner-img">
						<img src="../images/index/index_4.webp" alt="">
					</div>
				</li>
				<li class="black">
					<div class="banner-info">
						<h3>OPPO 智能电视K9</h3>
						<p>下单赠OPPO Enco Air新品耳机</p>
						<div><a href="#">立即抢购</a></div>
					</div>
					<div class="banner-img">
						<img src="../images/index/index_5.webp" alt="">
					</div>
				</li>
				<li class="white">
					<div class="banner-info">
						<h3>真我GT Neo</h3>
						<p>2021年度旗舰芯片天玑1200，6400万索尼广角三摄</p>
						<div><a href="#">立即抢购</a></div>
					</div>
					<div class="banner-img">
						<img src="../images/index/index_6.webp" alt="">
					</div>
				</li>
				<li class="white">
					<div class="banner-info">
						<h3>OnePlus 9R</h3>
						<p>年度游戏强芯骁龙870 12GB+256GB高配版 火热开售</p>
						<div><a href="#">立即抢购</a></div>
					</div>
					<div class="banner-img">
						<img src="../images/index/index_7.webp" alt="">
					</div>
				</li>
			</ul>
			<div>
				<span class="banner-actived"></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
	</div>

	<div class="product">
		<div class="pro-s1">
			<div class="pro-s1-tit clr">
				<p>OPPO 专区</p>
				<div class="clr">
					<span class="tit-actived">手机</span>
					<span>智能硬件</span>
				</div>
			</div>
			<div class="pro-s1-box">
				<ul class="load pro-s1-list clr">
					<!-- <li>
						<a href="#">
							<p class="pro-new">新品</p>
							<div>
								<h4>Find X3 Pro 宇宙摩卡</h4>
								<p>¥5999</p>
							</div>
							<img class="lazy" data-original="../images/index/index_8.webp" alt="">
						</a>
					</li> -->
				</ul>
				<ul class="pro-s1-list clr hide">
					<li>
						<a href="#">
							<div>
								<h4>OPPO Enco X 耳机新色 蓝调</h4>
								<p>¥999</p>
							</div>
							<img class="lazy" data-original="../images/index/index_18.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OPPO手环 时尚版 黑金</h4>
								<p>¥249</p>
							</div>
							<img class="lazy" data-original="../images/index/index_19.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OPPO Enco Air 新品耳机</h4>
								<p>¥299</p>
							</div>
							<img class="lazy" data-original="../images/index/index_19_1.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OPPO Watch LPL版</h4>
								<p>￥1999</p>
							</div>
							<img class="lazy" data-original="../images/index/index_20.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OPPO 新品手环</h4>
								<p>￥199</p>
							</div>
							<img class="lazy" data-original="../images/index/index_21.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OPPO手环 时尚版 流沙金</h4>
								<p>¥249</p>
							</div>
							<img class="lazy" data-original="../images/index/index_22.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OPPO Enco W51</h4>
								<p>￥499</p>
							</div>
							<img class="lazy" data-original="../images/index/index_23.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OPPO Watch ECG版 智能手表</h4>
								<p>￥2499</p>
							</div>
							<img class="lazy" data-original="../images/index/index_24.webp" alt="">
						</a>
					</li>

				</ul>
			</div>
		</div>

		<div class="pro-s1">
			<div class="pro-s1-tit clr">
				<p>一加专区</p>
				<div class="clr">
					<span class="tit-actived">手机</span>
					<span>其他</span>
				</div>
			</div>
			<div class="pro-s1-box">
				<ul class="pro-s1-list clr">
					<li>
						<a href="#">
							<p class="pro-new">新品</p>
							<div class="pro-info1">
								<h4>OnePlus 9R</h4>
								<p>¥2999</p>
							</div>
							<img class="lazy" data-original="../images/index/index_25.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<p class="pro-new">新品</p>
							<div>
								<h4>OnePlus 9 Pro</h4>
								<p>¥5999</p>
							</div>
							<img class="lazy" data-original="../images/index/index_26.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<p class="pro-new">新品</p>
							<div>
								<h4>OnePlus 9</h4>
								<p>¥3799</p>
							</div>
							<img class="lazy" data-original="../images/index/index_27.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OnePlus 8T 青域</h4>
								<p>￥2899</p>
							</div>
							<img class="lazy" data-original="../images/index/index_28.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OnePlus 8 银翼</h4>
								<p>￥2599</p>
							</div>
							<img class="lazy" data-original="../images/index/index_29.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OnePlus 8 Pro 青空</h4>
								<p>¥3399</p>
							</div>
							<img class="lazy" data-original="../images/index/index_30.webp" alt="">
						</a>
					</li>
				</ul>
				<ul class="pro-s1-list clr hide">
					<li>
						<a href="#">
							<div>
								<h4>OnePlus Buds Z</h4>
								<p>¥279</p>
							</div>
							<img class="lazy" data-original="../images/index/index_31.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>一加城市旅行者双肩包 星能白</h4>
								<p>¥299</p>
							</div>
							<img class="lazy" data-original="../images/index/index_32.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OnePlus Buds 白色</h4>
								<p>¥449</p>
							</div>
							<img class="lazy" data-original="../images/index/index_33.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OnePlus 银耳2T耳机 黑色</h4>
								<p>￥119</p>
							</div>
							<img class="lazy" data-original="../images/index/index_34.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>一加云耳Z 经典黑</h4>
								<p>￥249</p>
							</div>
							<img class="lazy" data-original="../images/index/index_35.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>8T 全包保护壳 光线电流</h4>
								<p>¥149</p>
							</div>
							<img class="lazy" data-original="../images/index/index_36.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>8 砂岩全包保护壳</h4>
								<p>￥99</p>
							</div>
							<img class="lazy" data-original="../images/index/index_37.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>8 Pro全包保护壳 砂岩湖青</h4>
								<p>￥99</p>
							</div>
							<img class="lazy" data-original="../images/index/index_38.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>Warp 闪充 电源适配器</h4>
								<p>￥149</p>
							</div>
							<img class="lazy" data-original="../images/index/index_39.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>Warp 闪充 双Type-C 数据线</h4>
								<p>￥79</p>
							</div>
							<img class="lazy" data-original="../images/index/index_40.webp" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<div>
								<h4>OnePlus 8T 3D钢化玻璃保护膜</h4>
								<p>￥119</p>
							</div>
							<img class="lazy" data-original="../images/index/index_41.webp" alt="">
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<div class="aside">
		<a href="#">
			<img src="../images/index/pingfen.png" alt="" class="pingfen">
			<img src="../images/index/pingfen_hover.png" alt="" class="pingfen-hover">
			<p>给个评分吧</p>
		</a>
	</div>


	<div class="footer">
		<div class="footer-c clr">
			<div class="footer-l">
				<ul>
					<li><a href="#">关于欢太</a></li>
					<li><a href="#">了解欢太</a></li>
					<li><a href="#">欢太产品与服务</a></li>
					<li><a href="#">联系我们</a></li>
				</ul>
				<ul>
					<li><a href="#">OPPO产品</a></li>
					<li><a href="#">OPPO Find X3 Pro</a></li>
					<li><a href="#">OPPO Find X3</a></li>
					<li><a href="#">OPPO Reno5</a></li>
					<li><a href="#">OPPO K7x</a></li>
					<li><a href="#">OPPO A95</a></li>
					<li><a href="#">OPPO A93</a></li>
				</ul>
				<ul>
					<li><a href="#">一加产品</a></li>
					<li><a href="#">OnePlus 9 Pro</a></li>
					<li><a href="#">OnePlus 9</a></li>
					<li><a href="#">OnePlus 9R</a></li>
					<li><a href="#">OnePlus 8T</a></li>
					<li><a href="#">OnePlus 8</a></li>
					<li><a href="#">OnePlus 8 Pro</a></li>
					<li><a href="#">OnePlus Watch</a></li>
				</ul>
				<ul>
					<li><a href="#">realme产品</a></li>
					<li><a href="#">真我GT Neo</a></li>
					<li><a href="#">真我X7 Pro</a></li>
					<li><a href="#">真我Q3 Pro</a></li>
					<li><a href="#">真我V15</a></li>
					<li><a href="#">真我Buds Air Pro</a></li>
				</ul>
				<ul>
					<li><a href="#">服务政策</a></li>
					<li><a href="#">OPPO售后政策</a></li>
					<li><a href="#">一加售后政策</a></li>
					<li><a href="#">realme售后政策</a></li>
					<li><a href="#">配送发货说明</a></li>
					<li><a href="#">花呗分期说明</a></li>
					<li><a href="#">电子发票说明</a></li>
				</ul>
			</div>
			<div class="footer-r">
				<div>
					<a href="#"><span></span>在线客服</a>
				</div>
				<div>
					<p class="footer-phone">400-1999-666</p>
					<p>24小时全国热线</p>
				</div>
			</div>
		</div>
		<div class="footer-copyright">
			<div class="footer-cp-info">
				© 2021 欢太 版权所有
				<a href="#">
					粤ICP备14012291号
				</a> |
				<a href="#">
					隐私政策
				</a> |
				<a href="#">
					用户使用协议
				</a> |
				<a href="#">
					资质证照
				</a> |
				<a href="#">
					知识产权
				</a>
			</div>
			<div class="footer-ba">
				<a href="#"><span></span>粤公网安备 44190002004935号</a>
			</div>
		</div>
	</div>


	<script>
		;
	</script>
	<script src="../js/nav.js" type="module"></script>
	<script src="../js/01.index.js" type="module"></script>
</body>

</html>